React utilise la librarie react-router-dom pour mettre en place un système de navigation.
React simule la navigation de l’utilisateur auprès du navigateur, sans que nous n’ayons rien à faire.
On construit un système de navigation en associant une url et un composant.
Le routeur de React interprète les routes du haut vers le bas. Il faut donc être prudent quant à l’ordre de déclaration de nos routes.
Il est possible de faire passer des paramètres depuis nos urls vers un composant, et de typer ces paramètres avec TypeScript.
La balise <Switch> permet d’injecter le template d’un composant en fonction de l’url demandée par l’utilisateur.
La balise <Route> permet de définir une route au sein de notre application.
Pour gérer les erreurs 404 dans notre application, il faut déclarer en dernier un élément Route qui ne prend pas de chemin. Ainsi, toutes les urls seront interceptés par cet élément.